<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>SiteServer 管理后台</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link href="../assets/images/favicon.png" rel="icon" type="image/png">
  <link href="../assets/css/font-awesome-4.7.0.min.css" rel="stylesheet" type="text/css" />
  <link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="../assets/css/siteserver.min.css" rel="stylesheet" type="text/css" />
  <style>
    html, body{
      height: 100%;
    }
  </style>
</head>

<body class="p-0">

  <div id="main" class="m-t-15 m-b-15 m-l-15 m-r-15">

    <template v-if="pageLoad">

      <div v-if="pageAlert" class="alert" v-bind:class="{ 'alert-warning': pageAlert.type === 'warning', 'alert-success': pageAlert.type === 'success', 'alert-danger': pageAlert.type === 'danger' }">
        <button v-on:click="pageAlert = null" class="close" data-dismiss="alert">×</button>
        <span v-html="pageAlert.html"></span>
      </div>

      <div class="card-box">

        <div class="form-group">
          <label>
            缩略图（小）最大宽度（单位：像素）
            <small v-show="errors.has('photoSmallWidth')" class="text-danger">{{
              errors.first('photoSmallWidth') }}</small>
          </label>
          <input v-model="configInfo.photoSmallWidth" name="photoSmallWidth" data-vv-as="缩略图（小）最大宽度" v-validate="'required'"
            :class="{'is-invalid': errors.has('photoSmallWidth') }" type="text" class="form-control" />
        </div>
        <div class="form-group">
          <label>
            缩略图（中）最大宽度（单位：像素）
            <small v-show="errors.has('photoMiddleWidth')" class="text-danger">{{
              errors.first('photoMiddleWidth') }}</small>
          </label>
          <input v-model="configInfo.photoMiddleWidth" name="photoMiddleWidth" data-vv-as="缩略图（中）最大宽度" v-validate="'required'"
            :class="{'is-invalid': errors.has('photoMiddleWidth') }" type="text" class="form-control" />
        </div>

        <hr />

        <div class="text-center">
          <button class="btn btn-primary m-r-5" v-on:click="btnSubmitClick">保 存</button>
          <button class="btn m-r-5" v-on:click="pageType = 'list'">返 回</button>
        </div>

      </div>

    </template>
    <template v-else>
      <div class="text-center" style="margin-top: 100px">
        <img class="mt-3" src="../assets/images/loading.gif" />
        <p class="lead mt-3 text-nowrap">载入中，请稍后...</p>
      </div>
    </template>

  </div>

</body>

</html>

<script src="../assets/lib/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="../assets/lib/popper.min.js"></script>
<script src="../assets/lib/bootstrap.min.js"></script>
<script src="../assets/lib/lodash-4.17.10.min.js" type="text/javascript"></script>
<script src="../assets/lib/layer-3.1.1/layer.js" type="text/javascript"></script>
<script src="../assets/lib/sweetalert2-7.28.4.all.min.js" type="text/javascript"></script>
<script src="../assets/lib/vue-2.5.16.min.js" type="text/javascript"></script>
<script src="../assets/lib/vee-validate-2.1.0.js"></script>
<script src="../assets/lib/vee-validate-locale-zh_CN-2.1.0.js"></script>
<script src="../assets/lib/js.cookie-2.2.0.js"></script>
<script src="../assets/js/utils.js" type="text/javascript"></script>

<script src="settings.js" type="text/javascript"></script>